<!-- ... existing code ... -->
<style>
    .wrapper {
        display: grid;
        grid-template-columns: 200px 1fr;
        gap: 20px;
    }
    .sidebar {
        background-color: #2f4050;
        color: white;
        padding: 20px;
    }
    .content {
        background-color: #f8f9fa;
        padding: 20px;
    }
    .dashboard-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }
    .ibox {
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        overflow: hidden;
    }
    .ibox-title {
        background-color: #f8f9fa;
        padding: 10px;
        font-size: 16px;
        font-weight: bold;
    }
    .ibox-content {
        padding: 10px;
        background-color: white;
    }
    .activityChart {
        height: 300px;
    }
    .calendar {
        height: 300px;
    }
</style>

<div class="wrapper">
    <div class="sidebar">
        <!-- 左侧导航栏内容 -->
    </div>
    <div class="content">
        <div class="dashboard-header">
            <div class="col-sm-6">
                <img src="https://placehold.co/470x80" alt="北京师范大学党组织党委" style="width: 100%;">
            </div>
            <div class="col-sm-6">
                <h4>北京师范大学党组织党委</h4>
                <p>负责人：张海伟 联系电话：15711184288</p>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-9">
                <div class="row">
                    <div class="col-sm-2">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>组织情况</h5>
                            </div>
                            <div class="ibox-content">
                                <p><strong>03</strong> 支部数量</p>
                                <p><strong>36</strong> 组织人数</p>
                                <p><strong>32</strong> 正式党员</p>
                                <p><strong>04</strong> 发展党员</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>工作台</h5>
                            </div>
                            <div class="ibox-content">
                                <p><strong>14</strong> 本月活动</p>
                                <p><strong>07</strong> 集中学习</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <div class="row">
                            <div class="col-sm-2">
                                <div class="ibox float-e-margins">
                                    <div class="ibox-title">
                                        <a href="#"><i class="fa fa-book"></i> 党建宣传</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="ibox float-e-margins">
                                    <div class="ibox-title">
                                        <a href="#"><i class="fa fa-users"></i> 党务管理</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="ibox float-e-margins">
                                    <div class="ibox-title">
                                        <a href="#"><i class="fa fa-user-secret"></i> 党员管理</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="ibox float-e-margins">
                                    <div class="ibox-title">
                                        <a href="#"><i class="fa fa-graduation-cap"></i> 学习教育</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="ibox float-e-margins">
                                    <div class="ibox-title">
                                        <a href="#"><i class="fa fa-calendar"></i> 日常办公</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="ibox float-e-margins">
                                    <div class="ibox-title">
                                        <a href="#"><i class="fa fa-cogs"></i> 系统设置</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>活动记录/集中学习</h5>
                            </div>
                            <div class="ibox-content activityChart">
                                <canvas id="activityChart" width="100%" height="200"></canvas>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>日历</h5>
                    </div>
                    <div class="ibox-content calendar">
                        <div id="calendar"></div>
                    </div>
                </div>
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>消息</h5>
                    </div>
                    <div class="ibox-content">
                        <ul class="list-group">
                            <li class="list-group-item">消息一</li>
                            <li class="list-group-item">消息二</li>
                            <li class="list-group-item">消息三</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    <!-- 引入必要的JavaScript库 -->
    <script src="../static/js/jquery.min.js" th:href="@{/js/jquery.min.js}"></script>
    <script src="../static/js/bootstrap.min.js" th:href="@{/js/bootstrap.min.js}"></script>
    <script src="../static/js/Chart.min.js" th:href="@{/js/Chart.min.js}"></script>
    <script>
        // 初始化图表
        var ctx = document.getElementById('activityChart').getContext('2d');
        var activityChart = new Chart(ctx, {
            type: 'line',
            data: {
                labels: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
                datasets: [{
                    label: '集中学习',
                    data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],
                    borderColor: 'rgba(75, 192, 192, 1)',
                    fill: false
                }, {
                    label: '活动次数',
                    data: [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13],
                    borderColor: 'rgba(153, 102, 255, 1)',
                    fill: false
                }]
            },
            options: {
                scales: {
                    yAxes: [{
                        ticks: {
                            beginAtZero: true
                        }
                    }]
                }
            }
        });
    </script>
</body>